radiogroup 单项选择器组
更新时间:2022-02-16
radiogroup 单项选择器组
单项选择器
属性说明:
属性名 | 类型 | 默认值 | 必填 | 说明 |
---|---|---|---|---|
class-name | String | 无 | 否 | 自定义class |
bindchange | EventHandle | 无 | 否 | iov-radio-group 中选中项发生改变时触发 change 事件。detail = {value:[选中的 checkbox 的 value 的数组]} |
示例:
json:
{
"navigationBarTitleText": "iov组件库",
"usingComponents": {
"iov-checkbox": "iov-ui/lib/checkbox",
"iov-radiogroup": "iov-ui/lib/radiogroup"
}
}
swan:
<view>
<iov-radio-group value="{{select}}" bindchange="bindchange">
<iov-radio
value="1"
>选项1</iov-radio>
<iov-radio
value="2"
>选项2</iov-radio>
<iov-radio
value="3"
disabled="{{true}}"
>选项3</iov-radio>
</iov-radio-group>
</view>
js:
Page({
data: {
select: []
},
bindchange(e) {
this.setData({
select: e.detail.value
});
}
});